.context-right {
    background: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
    width: 80%;
    top:0;
    right: 0;
    bottom: 0;
    left: 15%;
}

.current-time {
  float: left;
  width: 20%;
  border-radius: 20px 20px;
  background: white;
  height: 350px;
  margin-bottom: 30px;
}

.current-time h2 {
    border-radius: 10px 10px 0 0;
    background: #a2a9ea;
    height: 44px;
    text-indent: 10px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
}

.day-msg {
    box-sizing: border-box;
    padding-top: 20px;
}

.current-time code {
    font-size: 24px;color: #da2020;
}

.current-time p {
    text-align: center;
    font-size: 18px;
    color: #444;
}
.current-time h3 {
    color: #444;
    font-size: 100px;
    text-align: center;
}

.context_col{
    border:1px solid #dfdfdf;
    border-spacing: 0;
    text-align: center;
    width: 100%;
}
.context_col thead td{
    height: 43px;line-height: 43px;
    border-right:1px solid #dfdfdf;
}
.context_col td{
    padding: 0 8px;
    border-bottom:1px solid #dfdfdf;
}
.context_col .sty{
    width: 48px;
    height: 99px;
    background:#ff4444;
    color: white;
    text-align: center;
    cursor: pointer;
    margin: auto;
}
.context_col .sty i{
    width: 23px;
    height: 27px;
    display: block;
    margin:23px 13px 10px;
    float: left;
    background: url(assets/images/icon.png);
}
.context_col .sty1 i {
    background-position:0 -161px;
}
.context_col .sty2 {
    cursor: default;
    background: #d1d1d1;
}
.context_col .sty2 i{
    background-position:0 -161px;
}
.context_col .sty3 i{
    background-position:0 -199px;
}

.context_col .sty4 i{
    background-position:0 -199px;
}

.context_col td p{
    text-align: left;
    line-height: 1.8;
}
.context_col td input{
    border:1px solid #dfdfdf;
    width: 35px;
    padding: 0 5px;
}

.time-line {
  border-radius: 15px;
  background: #e8e8e8;
  height: 40px;
  padding: 0px 25px;
}

.time-line-line {
  background-color: #515151;
  height: 4px;
  position: relative;
  top: 10px;
}

.time-line-line-red {
  position: absolute;
  background-color: red;
  height: 4px;
}

.line-origin {
  position: absolute;
  left: 0px;
  color: #515151;
  margin-top: 10px;
}

.line-end {
  position: absolute;
  right: 0px;
  color: #515151;
  margin-top: 10px;
}

.line-center {
  position: absolute;
  left: 50%;
  background-image: url("assets/images/current-arrow.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  top: -10px;
}

.line-start i {
  position: absolute;
  background-image: url("assets/images/start.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  top: -14px;
}

.line-over i {
  position: absolute;

  background-image: url("assets/images/start.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  top: -14px;
}


.line-start {
  position: absolute;
  margin-top: 10px;
}

.line-over {
  position: absolute;

  margin-top: 10px;
}

.line-current i {
  position: absolute;

  background-image: url("assets/images/current.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  top: -14px;
}

.line-current  {
  position: absolute;
  margin-top: 10px;
}

.font-style {
  font-size: 1px;
  letter-spacing: 0px;
}


textarea {
  overflow-y:hidden;
  background-color: transparent; 
  width: 100%;
  resize : none;
  height: 100%;
}























/*
#show-area { min-height: 370px; }
#show-area md-card-title { }
*/
